<template>
    <div class="address-info">
      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>联系人：</span></p>
        <p class="text"><span>xxxxxxxxx</span><span>男士</span></p>
      </div>

      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>固定电话：</span></p>
        <p class="text"><span>0731-4375386</span></p>
      </div>

      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>手机：</span></p>
        <p class="text"><span>13017183793</span></p>
      </div>

      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>传真：</span></p>
        <p class="text"><span>0731-4365405</span></p>
      </div>

      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>地址：</span></p>
        <p class="text"><span>茂名职业技术学院,茂名职业技术学院,茂名职业技术学院茂名职业技术学院茂名职业技术学院</span></p>
      </div>

      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>邮编：</span></p>
        <p class="text"><span>515555</span></p>
      </div>

      <div class="line-item">
        <p class="line-text-hover"><i class="fa fa-user-circle-o"></i><span>官方地址：</span></p>
        <p class="text">
          <a href="#" class="link">
            www.baidu.com
          </a>
        </p>
      </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~@/common/stylus/variable.styl"
  @import "~@/common/stylus/mixin.styl"

  .address-info
    min-height: 583px
    .line-item
      padding: 15px 0
      p.line-text-hover
        hh(20px)
        font-size: $font-medium
        .fa
          margin-right: 10px
          font-size: $font-medium
      p.text
        hh(24px)
        margin-top: 5px
        color: #aaa
        text-indent: 25px
        span
          padding-right: 10px
          font-size: $font-small-x
        a.link
          sc($font-small-x, $white)
          &:hover
            color: $vice-color
            text-decoration: underline
</style>
